@charset "utf-8";






:root{

	--primary-color: #141418;
	--secondary-color: aliceblue;
	--secondary-color2 : azure;
	--secondary-color3 :  #0f0f13e6;

}

.light_mode{

	--primary-color: #dbdbde;
	--secondary-color: rgb(16, 16, 17);
	--secondary-color2 : rgb(28, 29, 4);
	--secondary-color3 : #7575d2e6;


}

#button{

	height: 20px;
	width: 80px;
	float: left;

}






















body{

	background-color: var(--primary-color);
	
}

#header_div{
	border: solid;
	background-color: cornsilk;
}
#header1{
	width: 100%;
	text-align: center;
	font-size: 20px;
}

#header2{
	width: 100%;
	background-color:white;
	border: double;
	height: 25px;
	text-align: center;
}

#div_for_header_margin{
	margin-top: 4px;	
}

.header_links{
    color: black;
}

.div_for_frame{

    width: 70%;
    height: 500px;
    background-color: var(--secondary-color3);
    margin-left: 190px;
    border: double;
    border-color: antiquewhite;
}
.table_for_image{

    width: 90%;
    height: 400px;
    margin-top: 20px;
    margin-left: 10px;


}
.for_image{

    max-width: 100%;
    max-height: 100%;
}
.paragraph{
    color: var(--secondary-color);
}
.heading{

    width: 235px;
    height: 20px;
    background-color: #8d8d8e;
    border: double;
    border-color: rgb(2, 2, 2);
}

.div_for_trailor{

    width: 41%;
    height: 300px;
    background-color: var(--secondary-color3);
    margin-left: 190px;
    border: double;
    border-color: antiquewhite;

}

.for_video{
max-width: 100%;
max-height: 100%;

}


.heading_for_rating{

    width: 235px;
    height: 30px;
    background-color: #8d8d8e;
    border: double;
    border-color: rgb(2, 2, 2);
    margin-left: 190px;

}
.div_for_rating{

    width: 40%;
    height: 70px;
    background-color: #0f0f13e6;
    margin-left: 190px;
    border: double;
    border-color: antiquewhite;
}

.for_form{
    margin: 20px;
    color:aliceblue ;
}
.div_for_comment{

    width: 65%;
    height: 320px;
    background-color: #0f0f13e6;
    margin-left: 190px;
    border: double;
    border-color: antiquewhite;

}
.form_for_comment{

    margin: 15px;
    width: 95%;
    height: 170px;

}

.for_label{

    color: aliceblue;
    margin: 10px;
}

.for_text_inputs{

    margin-top: 10px;
}



.form_control_eror input{

	border-color: #630101 ;

}

.form_control_success{

	border-color: green;
}

.form_control_small{

	color: red;
	position: absolute;
	bottom: 0;
	right: 0;
	visibility: hidden;
}

.form_control{

}
small{

	color: red;
}









.clock{

    background-color: black;
    width: 190px;
    height: 60px;
    border-radius: 20px;
    margin-left: 1100px;
}
.time{

    float: left;
    color: white;
    width: calc(100% / 3);
    text-align: center;
    margin-top: 6.5px;
    font-size: 18px;
}
.date{
    float: left;
    color: white;
    width: calc(100% / 3);
    text-align: center;
    margin-top: 6.5px;
    font-size: 18px;

}